<template>
  <div id="app">
			<keep-alive>
			    <router-view v-if="$route.meta.keepAlive"></router-view>
			</keep-alive>
			<router-view v-if="!$route.meta.keepAlive"></router-view>

    	<!--tabbar导航-->
			<van-tabbar v-model="active">
			  <van-tabbar-item url="">
			    <span>首页</span>
			    <img
			      slot="icon"
			      slot-scope="props"
			    >
			  </van-tabbar-item>
			  <van-tabbar-item>
			    <span>车展</span>
			    <img
			      slot="icon"
			      slot-scope="props"
			    >
			  </van-tabbar-item>
			  <van-tabbar-item>
			    <span>画廊</span>
			    <img
			      slot="icon"
			      slot-scope="props"
			    >
			  </van-tabbar-item>
			  <van-tabbar-item>
			    <span>我的</span>
			    <img
			      slot="icon"
			      slot-scope="props"
			    >
			  </van-tabbar-item>
			</van-tabbar>
			
			
			
			
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
  	return{
  		active: 0,
  	}
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
